@import '../../utils/common.scss';
.stepFirstContainer {
  height: 100vh;
  background: #F5F5F5;
  .headWhite {
    height: .266667rem;
    background: #F5F5F5;
  }
  .inputSize {
    background: #ffffff;
  }
  :global {
    .ant-form-explain {
      display: none
    }
    .ant-form-explain {
      margin-left: .4rem;
    }
    .am-list-item.am-input-item {
      height: 1.36rem;
      background: #ffff;
    }
    .ant-form-item {
      margin-bottom: 0px;
    }
    .haveBorder {
      .am-list-line {
        border-bottom: 1Px #eeeeee solid;
      }
    }
    .am-input-label {
      color: #666666;
      margin-right: 1.493333rem;
    }
    .am-input-label {
      width: 2.266667rem;
      @include font-dpr($primary-size-md)
    }
    .am-button-primary {
      width: 9.2rem;
      margin-left: .4rem;
      background: $primary-color;
      @include font-dpr($primary-size-md);
      font-weight: 0;
      margin-top: .666667rem;
    }
  }
}
.stepSecondContainer {
  i {
    @include font-dpr($primary-size-xlg);
    color: #D8D8D8 
  }
  :global {
    .am-list-item .am-input-label.am-input-label-5 {
      width: .533333rem;
      margin-right: .4rem;
    }
  }
  .codeSize {
    width:2.826667rem;
    height: .746667rem;
    line-height: .746667rem;
    position: absolute !important;
    top: 50%;
    transform: translateY(-50%);
    border: .026667rem #D8D8D8 solid !important;
    color: #D8D8D8;
    border-radius: .106667rem;
    z-index: 1;
    right: .4rem;
  }
  .rightSize {
    border: .026667rem $primary-color solid !important;
    color: $primary-color
  }
  .svgSize {
    width: .586667rem;
    height: .586667rem;
  }
}